<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/cart.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
	</head>

	<body>
		<!--总体布局-->
		<div class="web">
			<!--导航栏开始-->
			<div class="header">

				<div class="logo fl">
					<a href="http://www.oneplus.cn/"><img src="img/logo.png" /></a>

				</div>

				<div class="nav fl clearfix">
					<ul>
						<li>
							<a href="http://www.oneplus.cn/5t">OnePlus 5T</a>
							<!--<i></i>-->
						</li>
						<li>
							<a href="http://store.oneplus.cn/">商城</a>
						</li>
						<li>
							<a href="http://service.oneplus.cn/">服务</a>
						</li>
						<li>
							<a href="http://pr.oneplus.cn/blog">博客</a>
						</li>
						<li>
							<a href="http://www.oneplusbbs.com/">论坛</a>
						</li>
					</ul>
				</div>
				<div class="nav2 fr">
					<ul>
						<li>
							<a href="buy.html"><img src="img/sou.jpg" /></a>
						</li>
						<li>
							<a href="cart2.html"><img src="img/gou.jpg" /></a>

						</li>
						<li>
							<a href="login.html"><img src="img/men.jpg" /></a>
						</li>
					</ul>
				</div>
			</div>
			<!--导航结束-->
			<!--购物流程开始-->
			<div class="main-c">
				<div class="main-flow">
					<div class="flow-line">
						<span class="flow-name flow-point-1">购物车</span>
						<span class="flow-name flow-point-2">填写订单</span>						
						<span class="flow-name flow-point-3">完成支付</span>
						<div class="flow-red-line flow-step-1">
						<div class="flow-circular flow-point-1 active"></div>
						<div class="flow-circular flow-point-2 active"></div>
						<div class="flow-circular flow-point-3 active"></div>
							
						
							
						</div>
						
					</div>
					
				</div>
				
			</div>
			
			
			<div class="cartContent">
				<div class="goods-list">
					<ul class="goods-list-box">
						<li class="list-head"></li>
						<li class="empty-box">
							<i class="i-big-cart"></i>
							<div class="tip">
								<p>你的购物车里没有商品</p>
								<a href="http://store.oneplus.cn/">去购物</a>
							</div>
						</li>
					</ul>
					
				</div>
				
			</div>
			
			
			
			
			
			
			
			
						<!--保障列表三开始-->
			<div class="list3 fl clearfix">
				<div class="list31">

					<ul>
						<li>
							<a href="#">
								<img src="img/baozhang01.jpg" />
								<p>七天无理由退货</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/baozhang02.jpg" />
								<p>15天退货保障</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/baozhang03.jpg" />
								<p>30天换货保障</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/baozhang04.jpg" />
								<p>99元全场包邮</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!--保障列表三结束-->
			<!--脚部开始-->
			<div class="footer  clearfix">
				<div class="footer_left fl clearfix">

					<ul>
						<li>
							<h3>一加产品</h3>
						</li>
						<li>
							<a href="">OnePlus 5T</a>
						</li>
						<li>
							<a href="">OnePlus 5</a>
						</li>
						<li>
							<a href="">OnePlus 3T</a>
						</li>
						<li>
							<a href="">OnePlus 3</a>
						</li>

					</ul>
					<ul>
						<li>
							<h3>关于一加</h3>
						</li>
						
						<li>
							<a href="">了解一加</a>
						</li>
						<li>
							<a href="">加入一加</a>
						</li>
						<li>
							<a href="">H2OS</a>
						</li>
						
						

					</ul>
					<ul>
						<li>
							<h3>服务支持</h3>
						</li>
						<li>
							<a href="">自助服务</a>
						</li>
						<li>
							<a href="">技术服务</a>
						</li>
						<li>
							<a href="">售后服务</a>
						</li>
						<li>
							<a href="">一加加多报</a>
						</li>

					</ul>
				<!--</div>-->
				<!--<div class="footer_right fr clearfix">-->
					<ul class="kefu">
						<li>
							<h3>400-888-1111</h3>
						</li>
						
						<li><a href="">在线服务</a></li>
						<!--</div>-->
						<!--</a>-->
						<li class="time">周一至周日 9:00 - 22:00</li>
					</ul>
					
				</div>

			</div>
			<!--关于一加脚部结束-->
			<div class="footer_buttom fl clearfix">
				
					<!--<div class="footer_buttomleft">-->
						
					  <ul>
					  	<li>
					  		<span> &copy2013-2017 OnePus.All Rights Reserved.(粤ICP备13088308号-1)</span>
								
					  		<a href="https://ss.knet.cn/verifyseal.dll?sn=e14063044030050707awmq000000&ct=df&a=1&pa=20151014"><img src="img/footer01.jpg"/></a>
					  	</li>
					  	
					  	<li>
					  			<span style="color: black;">Change location</span>
								<span><a href=""><img src="img/footer03.jpg"/></span></a>
					  		</li>
					  	</ul>
					  	<ul>
					  		<li>
					  		<span>
					  			<a href=""><img src="img/footer02.jpg"/>
					  			粤公网安备44030402000178号
					  			</a>
					  		</span>
							
					  	</li>
					  	</ul>
					  		<!--<div class="change fr clearfix">
					  			<span>Change location</span>
								<span><a href=""><img src="img/footer03.jpg"/></span></a>
					  		</div>
					  	-->
					
				
						
							
					<!--</div>-->
						
					</div>
					
					
				
				
			</div>
		</div>

	</body>

</html>
